import { defineStore } from 'pinia'
import { userInfoResult, userLoginForm } from '@/types/user'
import { loginService, getUserInfoService, logoutService } from '@/api/user'
export const useUserStore = defineStore({
  // id: 必须的，在所有 Store 中唯一
  id: 'userState',
  // state: 返回对象的函数
  state: () => ({
    // 登录token
    token: null,
    // 登录用户信息
    userInfo: {} as userInfoResult,
    // 用户权限列表
    permissions: [] as string[],
  }),
  getters: {},
  // 可以同步 也可以异步
  actions: {
    // 登录
    async login(userlogoParams: userLoginForm) {
      const { token } = await loginService(userlogoParams)
      this.token = token
      await this.getUserInfo()
    },
    async getUserInfo() {
      const res = await getUserInfoService()
      this.userInfo = res
      // 设置用户权限
      this.permissions = res.permissions || []
    },
    // 退出
    async logout() {
      await logoutService(this.userInfo.id)
      this.userInfo = {} as userInfoResult
      this.permissions = []
      this.token = null // 清除token
    },
  },
  // 进行持久化存储
  persist: {
    // 本地存储的名称
    key: 'userState',
    //保存的位置
    storage: window.localStorage, //localstorage
  },
})
